<template>
  <view class="container">
    <text class="tip">请于23:30之前上报数据，谢谢配合</text>
    <text class="term">2024-2025学年第一学期</text>
    <text class="date">2024年12月08日</text>
    <view class="card">
      <text class="total">学生总数：12 人</text>
      <text>请假人数：4人</text>
      <text>应在人数：9人</text>
    </view>
    <view class="info">
      <text>实到人数：7</text>
      <text>今日异常情况：3人</text>
    </view>
    <button class="submit">确认上报数据</button>
    <view class="footer">
      <button class="btn">今日上报</button>
      <button class="btn">更多功能</button>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {}
};
</script>

<style scoped>
.container {
  padding: 20rpx;
}
.tip {
  background-color: #fdd;
  padding: 10rpx;
  display: inline-block;
  margin-bottom: 20rpx;
}
.term,
.date {
  display: block;
  margin-bottom: 10rpx;
}
.card {
  background-color: #f00;
  color: #fff;
  padding: 20rpx;
  border-radius: 8rpx;
  margin-bottom: 20rpx;
}
.total {
  font-size: 32rpx;
  margin-bottom: 10rpx;
  display: block;
}
.info {
  margin-bottom: 20rpx;
}
.submit {
  background-color: #f00;
  color: #fff;
  border-radius: 8rpx;
  margin-bottom: 20rpx;
}
.footer {
  display: flex;
  gap: 20rpx;
}
.btn {
  width: 120rpx;
  height: 80rpx;
  line-height: 80rpx;
  text-align: center;
  background-color: #f00;
  color: #fff;
  border-radius: 8rpx;
}
</style>